// $(function() {
//     var layer = layui.layer
//     var form = layui.form

//     initArtCateList()
//         // 事件，默认行为？ajax（类、接、成加渲）
//         // 获取文章分类的列表
//     function initArtCateList() {
//         $.ajax({
//             method: 'GET',
//             url: '/my/article/cates',
//             success: function(res) {
//                 var htmlStr = template('tpl-table', res)
//                 $('tbody').html(htmlStr)
//             }
//         })
//     }

//     // 为添加类别按钮绑定点击事件
//     var indexAdd = null
//     $('#btnAddCate').on('click', function() {
//         indexAdd = layer.open({
//             // 弹框
//             type: 1,
//             area: ['500px', '250px'],
//             title: '添加文章分类',
//             // 没有赋值，跟模板引擎差不多
//             content: $('#dialog-add').html()
//         })
//     })

//     // 通过代理的形式，为 form-add 表单绑定 submit 事件
//     $('body').on('submit', '#form-add', function(e) {
//         e.preventDefault()
//         $.ajax({
//             method: 'POST',
//             url: '/my/article/addcates',
//             data: $(this).serialize(),
//             success: function(res) {
//                 if (res.status !== 0) {
//                     return layer.msg('新增分类失败！')
//                 }
//                 initArtCateList()
//                 layer.msg('新增分类成功！')
//                     // 根据索引，关闭对应的弹出层
//                 layer.close(indexAdd)
//             }
//         })
//     })

//     // 通过代理的形式，为 btn-edit 按钮绑定点击事件
//     var indexEdit = null
//     $('tbody').on('click', '.btn-edit', function() {
//         // 弹出一个修改文章分类信息的层
//         indexEdit = layer.open({
//             type: 1,
//             area: ['500px', '250px'],
//             title: '修改文章分类',
//             content: $('#dialog-edit').html()
//         })

//         var id = $(this).attr('data-id')
//             // 发起请求获取对应分类的数据
//         $.ajax({
//             method: 'GET',
//             url: '/my/article/cates/' + id,
//             success: function(res) {
//                 form.val('form-edit', res.data)
//             }
//         })
//     })

//     // 通过代理的形式，为修改分类的表单绑定 submit 事件
//     $('body').on('submit', '#form-edit', function(e) {
//         e.preventDefault()
//         $.ajax({
//             method: 'POST',
//             url: '/my/article/updatecate',
//             data: $(this).serialize(),
//             success: function(res) {
//                 if (res.status !== 0) {
//                     return layer.msg('更新分类数据失败！')
//                 }
//                 layer.msg('更新分类数据成功！')
//                 layer.close(indexEdit)
//                 initArtCateList()
//             }
//         })
//     })

//     // 通过代理的形式，为删除按钮绑定点击事件
// $('tbody').on('click', '.btn-delete', function() {
// var id = $(this).attr('data-id')
//     // 提示用户是否要删除
// layer.confirm('确认删除?', { icon: 3, title: '提示' }, function(index) {
//     $.ajax({
//         method: 'GET',
//         url: '/my/article/deletecate/' + id,
//         success: function(res) {
//             if (res.status !== 0) {
//                 return layer.msg('删除分类失败！')
//             }
//             layer.msg('删除分类成功！')
//             layer.close(index)
//             initArtCateList()
//         }
//     })
// })
// })
// })
$(function() {
    let layer = layui.layer;
    let form = layui.form;
    getList();

    function getList() {
        $.ajax({
            method: 'GET',
            url: '/my/article/cates',
            success: function(res) {
                // if (res.status !== 0) {
                //     return layer.msg('获取数据失败')
                // }
                var htmlStr = template('tpl-table', res)
                $('tbody').html(htmlStr)

            }
        });
    }
    let indexAdd = null;
    let indexEdit = null;
    $('#btnAddCate').on('click', function() {
        indexAdd = layer.open({
            // 弹框
            type: 1,
            area: ['500px', '250px'],
            title: '添加文章分类',
            // 没有赋值，跟模板引擎差不多
            content: $('#dialog-add').html()
        })
    })

    $('body').on('submit', '#form-add', function(e) {
        e.preventDefault()
        $.ajax({
            method: 'POST',
            url: '/my/article/addcates',
            data: $(this).serialize(),
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg('新增分类失败！')
                }
                getList()
                layer.msg('新增分类成功！')
                    // 根据索引，关闭对应的弹出层
                layer.close(indexAdd)
            }
        });
    })
    $('tbody').on('click', '.btn-edit', function() {
        indexEdit = layer.open({
            type: 1,
            area: ['500px', '250px'],
            title: '修改文章分类',
            content: $('#dialog-edit').html()
        })
        let id = $(this).attr('data-id');
        $.ajax({
            method: 'GET',
            url: '/my/article/cates/' + id,
            success: function(res) {
                form.val('form-edit', res.data)
            }
        });
    })
    $('body').on('submit', '#form-edit', function(e) {
        e.preventDefault()
        let id = $(this).attr('data-id')
        $.ajax({
            method: 'POST',
            url: '/my/article/updatecate',
            data: $(this).serialize(),
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg('新增分类失败！')
                }

                layer.msg('新增分类成功！')
                    // 根据索引，关闭对应的弹出层
                layer.close(indexEdit)
                getList()
            }
        });
    })
    $('tbody').on('click', '.btn-delete', function() {
        var id = $(this).attr('data-id')
            // 发起请求获取对应分类的数据
        layer.confirm('确定删除吗?', { icon: 3, title: '提示' }, function(index) {
            $.ajax({
                method: 'GET',
                url: '/my/article/deletecate/' + id,
                success: function(res) {
                    if (res.status !== 0) {
                        return layer.msg('删除分类失败！')
                    }
                    layer.msg('删除分类成功！')
                    getList()
                }
            })
            layer.close(index);
        });
    })
})